page{
  height: 100%;
}
.a1{
  height: 100%;
}
.cat{
  display: flex;
  height: ~'calc( 100vh - 90rpx )';//less中~''可以使包含的语句不被转换
  .cat_1{
    flex: 2;
    .cat_1_1{
      text-align: center;
      font-size: 13px;
      padding: 10rpx 0;
    }
  }


  .cat_2{
    flex: 5;

    .cat_2_1{
      width: 100%;
      text-align: center;
      .cat_2_1_1{
        height: 30px;
        font-size: 13px;
        text-align: center;
        line-height: 30px;
        &::before{
          content: '/';
        }
        &::after{
          content: '/';
        }
      }
      .cat_2_1_2{
       // width: 100%;
        display: flex;
        flex-wrap: wrap;
        .cat_2_1_2_1{
          width: 33.3%;
          text-align: center;
          image{
            width: 50%;
            display: block;
            margin: auto; 
          }
        }
      }
    }
  }
  .active{
    border-left: orangered 1px solid;
    color: red;
  }





}
.default1{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  background-color: rgba(226, 138, 200, 0.541);
  position: fixed;
  right: 2px;
  bottom: 2px;
}